<template>
  <div class="page-container">
    <div class="page-header">
      <h1>隐私政策</h1>
      <p class="subtitle">最后更新：2024年6月15日</p>
    </div>

    <div class="content-section">
      <div class="policy-card">
        <h2>信息收集</h2>
        <p>我们收集以下类型的信息：</p>
        <ul>
          <li><strong>账户信息：</strong>用户名、密码、电子邮件地址和其他注册信息。</li>
          <li><strong>个人信息：</strong>姓名、联系方式、工作职位和部门等员工相关信息。</li>
          <li><strong>使用数据：</strong>关于您如何使用我们的系统的信息，包括访问时间、浏览的页面和执行的操作。</li>
          <li><strong>设备信息：</strong>IP地址、浏览器类型、操作系统和其他技术信息。</li>
        </ul>
      </div>

      <div class="policy-card">
        <h2>信息使用</h2>
        <p>我们使用收集的信息用于：</p>
        <ul>
          <li>提供、维护和改进我们的服务</li>
          <li>处理和管理员工相关的业务流程</li>
          <li>响应您的请求和提供客户支持</li>
          <li>发送系统通知、更新和安全警报</li>
          <li>监控和分析使用趋势和系统性能</li>
        </ul>
      </div>

      <div class="policy-card">
        <h2>信息共享</h2>
        <p>我们不会出售您的个人信息。我们可能在以下情况下共享信息：</p>
        <ul>
          <li><strong>合作伙伴：</strong>与提供服务所必需的第三方服务提供商共享。</li>
          <li><strong>法律要求：</strong>当我们善意地相信披露是法律要求的或保护我们的权利时。</li>
          <li><strong>企业交易：</strong>在合并、收购或资产出售的情况下。</li>
        </ul>
        <p>所有第三方均需遵守适当的保密和安全标准。</p>
      </div>

      <div class="policy-card">
        <h2>数据安全</h2>
        <p>我们实施了各种安全措施来保护您的个人信息：</p>
        <ul>
          <li>使用加密技术保护数据传输和存储</li>
          <li>定期安全审计和漏洞测试</li>
          <li>严格的访问控制和认证机制</li>
          <li>员工安全培训和保密协议</li>
        </ul>
        <p>然而，请注意，互联网上的任何数据传输都不能保证100%的安全性。</p>
      </div>

      <div class="policy-card">
        <h2>您的权利</h2>
        <p>根据适用的数据保护法律，您可能拥有以下权利：</p>
        <ul>
          <li>访问您的个人信息</li>
          <li>更正不准确的数据</li>
          <li>请求删除您的信息</li>
          <li>限制或反对处理您的数据</li>
          <li>数据可携带性</li>
        </ul>
        <p>要行使这些权利，请通过以下联系方式与我们联系。</p>
      </div>

      <div class="policy-card">
        <h2>Cookie 使用</h2>
        <p>我们使用 Cookie 和类似技术来：</p>
        <ul>
          <li>保持您的登录状态</li>
          <li>记住您的偏好设置</li>
          <li>分析系统使用情况</li>
          <li>改善用户体验</li>
        </ul>
        <p>您可以通过浏览器设置控制 Cookie，但这可能会影响某些功能的使用。</p>
      </div>

      <div class="policy-card">
        <h2>政策更新</h2>
        <p>我们可能会不时更新本隐私政策。更新后的政策将在本页面发布，重大变更时我们会通过电子邮件或系统通知告知您。</p>
        <p>继续使用我们的服务将被视为接受这些更改。</p>
      </div>

      <div class="policy-card">
        <h2>联系我们</h2>
        <p>如果您对本隐私政策有任何疑问或顾虑，请联系：</p>
        <ul class="contact-info">
          <li>数据保护官：张明</li>
          <li>电子邮件：privacy@employeesystem.com</li>
          <li>电话：400-123-4567</li>
          <li>地址：上海市浦东新区张江高科技园区科苑路88号</li>
        </ul>
      </div>
    </div>
  </div>
</template>

<style scoped>
.page-container {
  max-width: var(--app-max-width);
  margin: 0 auto;
  padding: 0 24px;
}

.page-header {
  text-align: center;
  margin-bottom: 40px;
}

.page-header h1 {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 8px;
}

.subtitle {
  font-size: 14px;
  color: var(--app-secondary-text);
  margin-top: 0;
}

.content-section {
  display: grid;
  gap: 24px;
}

.policy-card {
  background: white;
  border-radius: 12px;
  padding: 24px;
  box-shadow: var(--app-card-shadow);
}

.policy-card h2 {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 16px;
  color: var(--el-color-primary);
}

.policy-card p, .policy-card ul {
  margin-top: 0;
  line-height: 1.6;
  color: var(--app-text-color);
}

.policy-card ul {
  padding-left: 20px;
}

.policy-card li {
  margin-bottom: 8px;
}

.contact-info {
  list-style: none;
  padding: 0;
}

.contact-info li {
  margin-bottom: 8px;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .page-container {
    padding: 0 16px;
  }
  
  .policy-card {
    padding: 16px;
  }
}
</style> 